<div nz-row>
  <div nz-col nzSpan="8"></div>
  <div nz-col nzSpan="8">
    <div style="height: 80px;"></div>
    <nz-steps [nzCurrent]="current">
      <nz-step nzTitle=""></nz-step>
      <nz-step nzTitle=""></nz-step>
      <nz-step nzTitle=""></nz-step>
      <nz-step nzTitle=""></nz-step>
      <nz-step nzTitle=""></nz-step>
    </nz-steps>
    <div class="steps-action">
      <button nz-button nzType="default" (click)="cancel()" >
        <span>Cancel</span>
      </button>
      <button nz-button nzType="default" (click)="pre()" [disabled]="current === 0">
        <span>Previous</span>
      </button>
      <button nz-button nzType="default" (click)="next()" *ngIf="current < 8">
        <span>Next</span>
      </button>
      <button nz-button nzType="primary" (click)="done()" *ngIf="current === 8">
        <span>Done</span>
      </button>
    </div>
    <div class="">
      <div style="height: 20px"></div>
      <app-step2 [current]="current"></app-step2></div>
    <div class="steps-action">
      <button nz-button nzType="default" (click)="cancel()" >
        <span>Cancel</span>
      </button>
      <button nz-button nzType="default" (click)="pre()" [disabled]="current === 0">
        <span>Previous</span>
      </button>
      <button nz-button nzType="default" (click)="next()" *ngIf="current < 5">
        <span>Next</span>
      </button>
      <button nz-button nzType="primary" (click)="done()" *ngIf="current === 5">
        <span>Done</span>
      </button>
    </div>
  </div>
  <div nz-col nzSpan="8">
    <div style="height: 120px"></div>
    <pre>
    规则描述：（总共10条）
      有3个步骤，第4步为展示信息
      Step1
      1：fullName = firstName + lastName
      2：联动
      电子产品：包括手机、平板电脑、电视、音响、相机等。
      家居用品：包括家具、家装、厨具、卫浴用品等。
      服装与饰品：包括男装、女装、鞋子、配饰等。
      运动与户外：包括运动装备、健身器材、露营装备、户外用品等。
      家用电器：包括洗衣机、冰箱、空调、吸尘器等。
      电子产品和服装是主要的逻辑
      3：如果用户选择有房，会显示家居用品和家用电器，之后跳转到第三步，选择具体的品牌，即结束。
      Step2
      </pre>
  </div>
</div>

<!--<form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">-->
<!--  <nz-form-item>-->
<!--    <nz-form-control [nzSpan]="14" nzErrorTip="Please select your gender!">-->
<!--      <nz-form-label [nzSpan]="5" nzFor="selectdData" nzRequired>Gender</nz-form-label>-->
<!--      <nz-select formControlName="selectdData" >-->
<!--        <nz-option nzValue="jack" nzLabel="Jack"></nz-option>-->
<!--        <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>-->
<!--      </nz-select>-->
<!--    </nz-form-control>-->
<!--  </nz-form-item >-->
<!--  <button type="submit">submit</button>-->
<!--</form>-->
